<template>
  <view class="content">
    <view class="status">
      <view class="status-icon"></view>
      <view class="status-title">恭喜您添加店长成功!</view>
      <view class="status-desc">欢迎加入人康优选-{{shopName}}</view>
    </view>
    <view class="status-btn" @click="to_sindex">去看看</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      shopName: ''
    }
  },
  onLoad(e) {
    this.shopName = e.shopName
  },
  methods: {
    to_sindex() {
      uni.switchTab({
        url: "/pages/sindex/index"
      })
    }
  }
}
</script>

<style>
.content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80upx;
}

.status-icon {
  width: 180upx;
  height: 122upx;
  background-image: url(https://wechat-pictures-1301970825.file.myqcloud.com/wxapp/newMember/icon_succeed_pre@3x.png);
  background-size: 100% 100%;
  margin-bottom: 28upx;
}

.status-title {
  font-size: 48upx;
  color: #000000;
  font-weight: 600;
}

.status-desc {
  font-size: 42upx;
  color: #666666;
  font-weight: 400;
  width: 474upx;
  line-height: 54upx;
  margin-top: 42upx;
  text-align: center;
}

.status-btn {
  width: 432upx;
  height: 102upx;
  background: #18AA59;
  border-radius: 12upx;
  border: 1upx solid #979797;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 48upx;
  color: #FFFFFF;
  margin-top: 80upx;
}
</style>
